<template>
  <view>
    <u-navbar back-text="返回" :title="problem_id"></u-navbar>
    <view class="content" @click="show = !show">
      <text>{{ problem_content }}</text>
    </view>
    <u-action-sheet
      :list="list"
      v-model="show"
      :cancel-btn="false"
      @click="select"
    ></u-action-sheet>
  </view>
</template>

<script>
export default {
  components: {},
  data: () => ({
    show: false,
    problem_id: "第一题",
    problem_content: "Hello, World",
    tips: {
      text: "在水一方",
      color: "#909399",
      fontSize: 24,
    },
    list: [
      {
        text: "点赞",
        color: "blue",
        fontSize: 28,
      },
      {
        text: "分享",
      },
      {
        text: "评论",
      },
    ],
  }),
  computed: {},
  methods: {
    select(index) {
      console.log(`点击了第${index + 1}项，内容为：${this.list[index].text}`);
    },
  },
  watch: {},

  // 页面周期函数--监听页面加载
  onLoad(option) {
    console.log(option.id);
  },
  // 页面周期函数--监听页面初次渲染完成
  onReady() {},
  // 页面周期函数--监听页面显示(not-nvue)
  onShow() {},
  // 页面周期函数--监听页面隐藏
  onHide() {},
  // 页面周期函数--监听页面卸载
  onUnload() {},
  // 页面处理函数--监听用户下拉动作
  onPullDownRefresh() {
    uni.stopPullDownRefresh();
  },
  // 页面处理函数--监听用户上拉触底
  onReachBottom() {},
  // 页面处理函数--监听页面滚动(not-nvue)
  /* onPageScroll(event) {}, */
  // 页面处理函数--用户点击右上角分享
  /* onShareAppMessage(options) {}, */
};
</script>

<style></style>
